<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<link rel="stylesheet" href="css/cssreset.css">
		<link rel="stylesheet" href="css/style.css">
		<script src="js/iconfont.js"></script>
		<script src="js/jquery-3.0.0.js"></script>
	</head>
	<body>
	<!-- 滚动出现隐藏栏 -->
		<div class="conseal">
			<div class="conseal_1">
				<div class="conseal_2">
					<img src="images/loginlogo.jpg" alt="">
				</div>
				<div class="conseal_3">
					<input type="text" class="conseal_3_1" placeholder="机械键盘">
					<input type="submit" value="" class="conseal_3_2">
					<span>
							<svg class="icon conseal_3_tips1" aria-hidden="true">
  							<use xlink:href="#icon-fangdajing"></use>
							</svg>
						</span>
				</div>
				<div class="conseal_4">
					<input type="text">
					<span>
							<svg class="icon conseal_4_tips1" aria-hidden="true">
  							<use xlink:href="#icon-gouwuche"></use>
							</svg>
						</span>
							<a href="#" class="conseal_4_tips2">购物车</a>
				</div>
			</div>
		</div>
	<!-- 头部 -->
		<header>
			<div class="middle1">
				<div class="left">
					<div class="left1">
						<span>
							<svg class="icon" aria-hidden="true">
							 <use xlink:href="#icon-icon-test"></use>
							</svg>
						</span>
						<span class="left1_1">送货地址：上海</span>
						<div class="locations"></div>
						<div class="locations_1">x</div>
					</div>
						<div class="left2">
						<span>
							<svg class="icon des3" aria-hidden="true">
							 <use xlink:href="#icon-gonggao" style="color:red"></use>
							</svg>
						</span>
						<span><a href="">1号店配送费调整公告</a></span>
					</div>
				</div>
				<div class="right">

					<div>
						下午好,请
						<span>
							<a href="html/login.html" class="tips1">登录</a>
						</span>
					</div>
					<div>
						<span>
							<a href="html/register.html" class="tips2">注册</a>
						</span>
					</div>
					<div class="right_1">
						<svg class="icon des1" aria-hidden="true">
						<use xlink:href="#icon-huiyuan1"></use>
						</svg>
						<a href="">会员俱乐部</a>
					</div>
					<div class="right_2">
						<svg class="icon des2" aria-hidden="true">
						<use xlink:href="#icon-dingdan2"></use>
						</svg>
						<a href="">我的订单</a>
					</div>
					
				</div>
			</div>
		</header>
		<!-- 导航搜索 -->
		<nav>
			<div class="middle2">
				<div class="top">
					<div class="left1">
						<img src="images/logo_new@2x.png" alt="" width="139px">
						<img src="images/5c05314cNf894bdef.jpg" alt="" width="131px" class="l1_tips1">
					</div>
					<div class="right2">
						<input type="text" id="box">
						<span>
							<svg class="icon r2_tips1" aria-hidden="true">
  							<use xlink:href="#icon-gouwuche"></use>
							</svg>
						</span>
							<a href="#" class="r2_tips2">购物车</a>
					</div>
					<div class="right1">
						<form action="html/Eeepad.html">
							<input type="text" class="search" placeholder="电脑主机">
						</form>
						<span>
							<svg class="icon r1_tips1" aria-hidden="true">
  							<use xlink:href="#icon-fangdajing"></use>
							</svg>
						</span>
						<ul>
							<li><a href="" target="_blank">纸巾</a></li>
							<li><a href="" target="_blank">白酒整箱</a></li>
							<li><a href="" target="_blank">进口牛奶</a></li>
							<li><a href="" target="_blank">小米</a></li>
							<li><a href="" target="_blank">滴露消毒液</a></li>
							<li><a href="" target="_blank">玉米油</a></li>
							<li><a href="" target="_blank">护垫</a></li>
						</ul>
					</div>	
				</div>
				<div class="bottom">
					<ul class="categories">
						<li class="current2">
							<span class="cat1">
								<svg class="icon" aria-hidden="true">
								  <use xlink:href="#icon-caidan1"></use>
								</svg>
							</span>
							<span class="cat2">全部类目</span>
							<span class="cat3">
								<svg class="icon" aria-hidden="true">
								  <use xlink:href="#icon-dayuhao-copy1"></use>
								</svg>
							</span>
							<ul>
								<li>
									<p class="cat10">
										<a href="">全球进口</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">乳品生鲜</a>
											<a href="">酒水饮料</a>
											<a href="">糖果巧克力</a>
											<a href="">咖啡冲饮</a>
											<a href="">母婴玩具</a>
											<a href="">家居清洁</a>
										</div>
										<div class="cat7">
											<a href="">饼干糕点</a>
											<a href="">休闲零食</a>
											<a href="">粮油调味</a>
											<a href="">麦片冲饮</a>
											<a href="">美妆个护</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">食品/</a><a href="">酒/</a><a href="">生鲜</a>
								    	</p>
										<div class="cat8">
									    	<a href="">饮料</a><br>
									    	<a href="">休闲零食</a>
									    	<a href="">厨房调料</a>
									    	<a href="">牛奶乳品</a>
									    	<a href="">肉蛋海鲜</a>
									    	<a href="">方便速食</a>
										</div>
										<div class="cat9">
											<a href="">酒类</a><br>
											<a href="">粮油干货</a>
											<a href="">饼干糕点</a>
											<a href="">茶冲咖啡</a>
											<a href="">新鲜蔬果</a>
											<a href="">乳品速食</a>
										</div>
									</div>   
								</li>
								<li>
									<p class="cat10">
										<a href="">母婴 / 玩具 / 童装</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">奶粉</a><br>
											<a href="">尿裤湿巾</a>
											<a href="">喂养用品</a>
											<a href="">寝具服饰</a>
											<a href="">玩具</a><br>
											<a href="">童装/童鞋</a>
										</div>
										<div class="cat7">
											<a href="">营养辅食</a>
											<a href="">洗护用品</a>
											<a href="">妈妈专区</a>
											<a href="">童车童床</a>
											<a href="">乐器</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">纸巾/</a>
								    		<a href="">厨卫清洁/</a>
								    		<a href="">宠物</a>
								    	</p>
										<div class="cat8">
									    	<a href="">纸品湿巾</a>
									    	<a href="">家庭清洁</a>
									    	<a href="">驱虫除湿</a>
									    	<a href="">宠物生活</a>
										</div>
										<div class="cat9">
											<a href="">衣物清洁</a>
											<a href="">清洁用具</a>
											<a href="">皮具护理</a>
											<a href="">绿植园艺</a>
										</div>
									</div> 
								</li>
								<li>
									<p class="cat10">
										<a href="">家居家纺/</a>
										<a href="">厨具/</a>
										<a href="">家具</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">床上用品</a>
											<a href="">锅具水具</a>
											<a href="">茶具餐具</a>
											<a href="">品质家具</a>
										</div>
										<div class="cat7">
											<a href="">生活日用</a>
											<a href="">厨具刀具</a>
											<a href="">家装软饰</a>
											<a href="">家装建材</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">美妆 /</a>
								    		<a href="">个人清洁</a>
								    	</p>
										<div class="cat8">
									    	<a href="">美发护发</a>
									    	<a href="">沐浴清洁</a>
									    	<a href="">面部护理</a>
									    	<a href="">身体护理</a>
									    	<a href="">美容工具</a>
										</div>
										<div class="cat9">
											<a href="">女性护理 </a>
											<a href="">口腔护理 </a>
											<a href="">缤纷彩妆 </a>
											<a href="">男士护理 </a>
										</div>
									</div>
								</li>
								<li>
									<p  class="cat10">
										<a href="">女装 /</a>
									    <a href="">男装 /</a>
									    <a href="">内衣 /</a>
									    <a href="">珠宝</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">时尚裙装</a>
									    	<a href="">女士裤子</a>
									    	<a href="">型格男装</a>
									    	<a href="">钟表/眼镜</a>
										</div>
										<div class="cat7">
											<a href="">女士上衣</a>
											<a href="">品质内衣</a>
											<a href="">珠宝首饰</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">鞋靴/</a>
								    		<a href="">箱包/</a>
								    		<a href="">运动户外</a>
								    	</p>
										<div class="cat8">
									    	<a href="">时尚女鞋 </a>
									    	<a href="">奢侈大牌 </a>
									    	<a href="">品质男鞋</a>
									    	<a href="">运动鞋服</a>
									    	<a href="">户外装备</a>
										</div>
										<div class="cat9">
											<a href="">潮流女包</a>
											<a href="">功能箱包</a>
											<a href="">精品男包</a>
											<a href="">健身器材</a>
										</div>
									</div> 
								</li>
								<li>
									<p class="cat10">
										<a href="">手机 /</a>
										<a href="">数码 /</a>
										<a href="">电脑办公</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">手机</a><br>
											<a href="">摄影影像</a>
											<a href="">智能设备</a>
											<a href="">电脑整机</a>
											<a href="">办公设备</a>
										</div>
										<div class="cat7">
											<a href="">手机配件</a>
											<a href="">影音电教</a>
											<a href="">数码配件</a>
											<a href="">网络外设</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">家用电器 /</a>
								    		<a href="">汽车用品</a>
								    	</p>
										<div class="cat8">
									    	<a href="">厨房小电</a>
									    	<a href="">个护健康</a>
									    	<a href="">厨卫大电</a>
									    	<a href="">洗衣机</a><br>
									    	<a href="">汽车装饰</a>
										</div>
										<div class="cat9">
											<a href="">生活电器</a>
											<a href="">电视空调</a>
											<a href="">冰箱</a><br>
											<a href="">维修保养</a>
											<a href="">车载产品</a>
										</div>
									</div>
								</li>
								<li>
									<p class="cat10">
										<a href="">医药 /</a>
								   		<a href="">保健滋补 /</a>
								   		<a href="">成人</a>
									</p>
									<div class="cat4">
										
										<div class="cat6">
											<a href="">营养健康</a>
									    	<a href="">传统滋补</a>
									    	<a href="">家用器械</a>
										</div>
										<div class="cat7">
											<a href="">营养成分</a>
											<a href="">成人用品</a>
											<a href="">隐形眼镜</a>
										</div>
									</div>
										
									<div class="cat5">
										<p class="cat12">
								    		<a href="">图书</a>
								    	</p>
										<div class="cat8">
									    	<a href="">少儿</a><br>
									    	<a href="">文艺</a><br>
									    	<a href="">人文社科</a>
									    	<a href="">科技</a><br>
									    	<a href="">音像</a>
										</div>
										<div class="cat9">
											<a href="">教育</a><br>
											<a href="">经管励志</a>
											<a href="">生活</a><br>
											<a href="">刊/原版</a>
										</div>
									</div> 
								</li>
							</ul>
						</li>
					</ul>
					<ul class="bottom2">
						<li><a href="https://coin.yhd.com/">金币签到</a></li>
						<li><a href="https://passport.yhd.com/passport/login_input.do">充值</a></li>
						<li><a href="https://coupon.yhd.com/couponCenter/home">领劵中心</a></li>
					</ul>
				</div>	
			</div>
		</nav>
		<!-- 轮播图 -->
		<main>
			<ul>
				<li class="current">
					<img src="images/d0f1e5f341126eec.jpg" alt=""></li>
				<li><img src="images/ba55672891488a70.jpg" alt=""></li>
				<li><img src="images/c420946a6381e2f4.jpg" alt=""></li>
			</ul>
			<ol>
				<li class="current">年货节</li>
				<li>大牌美妆</li>
				<li>冬季畅饮</li>
			</ol>
		</main>
		<!-- 广告 -->
		<div class="ads">
			<div class="ads1">
				<img src="images/1a19815975696690.png" alt="">
			</div>		
		</div>
		<!-- 商品展示 -->
		<div class="introductions">
			<div class="intros1">
			<!-- 详情1 -->
				<div class="intros1_1">
					<div class="intro">
							<b>超级单品</b>
							<p>限时 限量 品质 超值</p>
							<p class="intro_1">一</p>
							<span>距结束仅剩</span>
						</div>
					<ul>
						<li>
							<div class="instop" title="【公司年会必选】汉凯起泡酒气泡酒香槟德国酒庄直采进口原瓶原装 4支混合装起泡酒（下方整箱链接更实惠）">
								<img src="images/5ce3b549N4f10ee8c.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="【公司年会必选】汉凯起泡酒气泡酒香槟德国酒庄直采进口原瓶原装 4支混合装起泡酒（下方整箱链接更实惠）">
								<div class="ins1">
									<a href="">【公司年会必选】汉凯起泡酒气泡酒香槟德国酒庄直采进口原瓶原装 4支混合装起泡酒（下方整箱链接更实惠）</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:17%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥168</span>
									<span class="ins3_2">￥168</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="【手绘真迹】弘舍  新中式客厅装饰画山水画国画办公室挂画壁画字画 宝山富水 典雅紅褐 成品尺寸 宽210*高">
								<img src="images/9f5ea46f32919967.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="【手绘真迹】弘舍  新中式客厅装饰画山水画国画办公室挂画壁画字画 宝山富水 典雅紅褐 成品尺寸 宽210*高">
								<div class="ins1">
									<a href="">【手绘真迹】弘舍  新中式客厅装饰画山水画国画办公室挂画壁画字画 宝山富水 典雅紅褐 成品尺寸 宽210*高</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:96%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥4212</span>
									<span class="ins3_2">￥4680</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title=" 骆驼（CAMEL）男装 圆领修身套头男士毛衣时尚男上衣 咖啡 ">
								<img src="images/12c3f8042ae9ff81.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title=" 骆驼（CAMEL）男装 圆领修身套头男士毛衣时尚男上衣 咖啡 ">
								<div class="ins1">
									<a href="">骆驼（CAMEL）男装 圆领修身套头男士毛衣时尚男上衣 咖啡 </a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:63%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥168</span>
									<span class="ins3_2">￥336</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title=" 骆驼（CAMEL）户外 登山鞋男防滑减震鞋耐磨低帮运动徒步鞋户外鞋男 A932693015 黑色(偏小一码) 38">
								<img src="images/87830aca2d489848.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title=" 骆驼（CAMEL）户外 登山鞋男防滑减震鞋耐磨低帮运动徒步鞋户外鞋男 A932693015 黑色(偏小一码) 38">
								<div class="ins1">
									<a href="">骆驼（CAMEL）户外 登山鞋男防滑减震鞋耐磨低帮运动徒步鞋户外鞋男 A932693015 黑色(偏小一码) 38</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:85%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥269</span>
									<span class="ins3_2">￥1399</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="【安踏正品】安踏运动套装男 跑步套装两件套 2019新款健身短袖+短裤 基础黑-6 L/175">
								<img src="images/77cb4b5393208f40.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="【安踏正品】安踏运动套装男 跑步套装两件套 2019新款健身短袖+短裤 基础黑-6 L/175">
								<div class="ins1">
									<a href="">【安踏正品】安踏运动套装男 跑步套装两件套 2019新款健身短袖+短裤 基础黑-6 L/175</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:98%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥129</span>
									<span class="ins3_2">￥199</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="JEEP SPIRIT新品眼镜框男女套镜挂镜 正品超轻钛偏光太阳镜开车墨镜JST2033 S2亮银框-橙色片">
								<img src="images/9514209048089948.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="JEEP SPIRIT新品眼镜框男女套镜挂镜 正品超轻钛偏光太阳镜开车墨镜JST2033 S2亮银框-橙色片">
								<div class="ins1">
									<a href="">JEEP SPIRIT新品眼镜框男女套镜挂镜 正品超轻钛偏光太阳镜开车墨镜JST2033 S2亮银框-橙色片</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:63%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥808</span>
									<span class="ins3_2">￥1088</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="星优 纸巾盒 北欧ins抽纸盒 家用客厅茶几收纳盒 桌面创意卷纸盒 餐巾纸盒 蓝色圆形款）">
								<img src="images/36d2253cb87c8a22.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="星优 纸巾盒 北欧ins抽纸盒 家用客厅茶几收纳盒 桌面创意卷纸盒 餐巾纸盒 蓝色圆形款）">
								<div class="ins1">
									<a href="">星优 纸巾盒 北欧ins抽纸盒 家用客厅茶几收纳盒 桌面创意卷纸盒 餐巾纸盒 蓝色圆形款）</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:85%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥15</span>
									<span class="ins3_2">￥16.9</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="史密斯（A.O.Smith）13升ESCX静音抗风燃气热水器 商用级不锈钢换热器JSQ26-ESCX">
								<img src="images/90e9d258cab8cfe1.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="史密斯（A.O.Smith）13升ESCX静音抗风燃气热水器 商用级不锈钢换热器JSQ26-ESCX">
								<div class="ins1">
									<a href="">史密斯（A.O.Smith）13升ESCX静音抗风燃气热水器 商用级不锈钢换热器JSQ26-ESCX</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:85%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥4518</span>
									<span class="ins3_2">￥6597</span> 
								</div>
							</div>
						</li>
						<li>
							<div class="instop" title="曼蒂娅 宫铃猫咪脚链女铃铛纯银古风脚链子s925纯银首饰简约女款网红脚链性感女小众设计送女友闺蜜礼物 猫咪脚链">
								<img src="images/0fb7a73925a7c5a7.jpg" alt="" width="100px">
							</div>
							<div class="insbottom" title="曼蒂娅 宫铃猫咪脚链女铃铛纯银古风脚链子s925纯银首饰简约女款网红脚链性感女小众设计送女友闺蜜礼物 猫咪脚链">
								<div class="ins1">
									<a href="">曼蒂娅 宫铃猫咪脚链女铃铛纯银古风脚链子s925纯银首饰简约女款网红脚链性感女小众设计送女友闺蜜礼物 猫咪脚链</a>
								</div>
								<div class="ins2">
									<div class="ins2_2" style="width:78%"></div>
								</div>
								<div class="ins3">
									<span class="ins3_1">￥62</span>
									<span class="ins3_2">￥69</span> 
								</div>
							</div>
						</li>
					</ul>
				</div>
			<!-- 固定栏 -->
			<div class="intros2">
				<div class="intros1_4">
					<div class="intros1_2">
						<p>下载APP</p>
						<img src="images/5bc46419N02c3e3ac.jpg" alt="" width="72px">
						<img src="images/250dd1fa74e15c8e.jpg" alt="" width="100px">
					</div>
					<div class="intros1_3">
						<span>
							<svg class="icon intros1_3_tips1" aria-hidde="true">
	  						<use xlink:href="#icon-gouwuche"></use>
							</svg>
						</span>
						<a href="#" class="intros1_3_tips2">购物车</a>
					</div>
					<div class="intros1_4_1">
						TOP
						<span>
							<svg class="icon intros1_4_2" aria-hidden="true">
							  <use xlink:href="#icon-gundongchaoping-copy"></use>
							</svg>
						</span>
					</div>
				</div>
			</div>
			</div>
			<!-- 详情2 -->
			<div class="intros3">
				<div class="insleft">
					<div class="insletop">
						<div class="bigs1">
							<h1><a href="https://search.yhd.com/c12218-0-0">甄选新鲜 &nbsp;</a></h1>
						</div>
						<div class="bigs2">
							<p><a href="https://search.yhd.com/c12218-0-0">/ 每一口都是小幸福</a></p>
						</div>
						
					</div>
					<div class="inslebottom">
						<div class="insl1">
							<img src="images/5bc019b2Nb9d1871f.jpg" alt="" width="189px">
							<div class="insl1_1">
								<div class="insl1_2">
									<a href="https://search.yhd.com/c12218-0-0">美味水果</a>
								</div>
								<div class="insl1_3">
									<a href="https://search.yhd.com/c12218-0-0">海鲜水产</a>
								</div>
								<div class="insl1_4">
									<a href="https://search.yhd.com/c12218-0-0">新鲜蔬菜</a>
								</div>
								<div class="insl1_5">
									<a href="https://search.yhd.com/c12218-0-0">猪牛羊肉</a>
								</div>
								<div class="insl1_6">
									<a href="https://search.yhd.com/c12218-0-0">冷冻食品</a>
								</div>
								<div class="insl1_7">
									<a href="https://search.yhd.com/c12218-0-0">乳品冷饮</a>
								</div>
							</div>
						</div>
						<div class="insr1">
							<ul>
								<li class="insr1_1">
									<p><a href="https://search.yhd.com/c12218-0-0">活色生鲜节</a></p>
									<p><a href="https://search.yhd.com/c12218-0-0">部分领劵满减</a></p>
									<div class="insr1_2">
										<a href="https://search.yhd.com/c12218-0-0">立即购买</a>
									</div>
									<img src="images/f6d1dcb69fd939f8.png" alt="" width="110px" >
								</li>
								<li>
									<div class="insr1_3">
										<p><a href="https://item.yhd.com/3628240.html">进口牛油果</a></p>
										<span>￥37.9</span>
										<img src="images/59f05afdN3c13f6ed.jpg" alt="" width="90px">
									</div>
									<div class="insr1_4">
										<p><a href="https://item.yhd.com/5285937.html">泰国黑虎虾</a></p>
										<span>￥129</span>
										<img src="images/5dc4bc779a0aa1e1.jpg" alt="" width="90px">
									</div>
								</li>
								<li>
									<div class="insr1_5">
										<p><a href="https://item.yhd.com/2977019.html">恒都澳洲牛腩</a></p>
										<span>￥55.6</span>
										<img src="images/5b57e0e8Ne3f4f846.jpg" alt="" width="90px">
									</div>
									<div class="insr1_6">
										<p><a href="https://item.yhd.com/8132745.html">四川安岳一级柠</a></p>
										<span>￥35</span>
										<img src="images/ccd199536d3141e0.jpg" alt="" width="90px">
									</div>
								</li>
								<li class="insr1_7">
									<p><a href="https://search.yhd.com/c13582-0-0">品质牛排</a></p>
									<p><a href="https://search.yhd.com/c13582-0-0">部分领劵满减</a></p>
									<div class="insr1_8">
										<a href="https://search.yhd.com/c13582-0-0">立即购买</a>
									</div>
									<img src="images/de7cb35523823c8d.png" alt="" width="110px">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 右边 -->
				<div class="insright">
					<img src="images/paihangbang.png" alt="" class="insr">
					<p class="insright_1">唇唇欲动</p>
					<p class="insright_2">唇之所向 皆美好</p>
					<div class="insright_3">
						<ul>
							<li class="current4">
								<div class="insri_1">TOP1</div>
								<img src="images/6863d9f2c720432d.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_2">TOP2</div>
								<img src="images/38eede77b7d3adbe.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_3">TOP3</div>
								<img src="images/1f5a5bc228b0e228.jpg" alt="" width="60px">
							</li>
						</ul>
						<span class="insri_4">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy1"></use>
							</svg>
						</span>
						<span class="insri_5">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy"></use>
							</svg>
						</span>
					</div>
				</div>
				<div class="insrights"></div>
			</div>
			<!-- 详情3 -->
				<div class="intros4">
				<div class="insleft">
					<div class="insletop">
						<div class="bigs1">
							<h1><a href="https://search.yhd.com/c0-0-1003616/">精致女人 &nbsp;</a></h1>
						</div>
						<div class="bigs2">
							<p><a href="https://search.yhd.com/c0-0-1003616/">/ 做完美的自己</a></p>
						</div>
						
					</div>
					<div class="inslebottom">
						<div class="insl1">
							<img src="images/79f715d8d4d10331.jpg" alt="" width="189px">
							<div class="insl1_1">
								<div class="insl1_2">
									<a href="https://search.yhd.com/c1425-0-0">口红</a>
								</div>
								<div class="insl1_3">
									<a href="https://search.yhd.com/c1343-0-0">女装</a>
								</div>
								<div class="insl1_4">
									<a href="https://search.yhd.com/c2575-0-0">女包</a>
								</div>
								<div class="insl1_5">
									<a href="https://search.yhd.com/c13544-0-0">卸妆洁面</a>
								</div>
								<div class="insl1_6">
									<a href="https://search.yhd.com/c11932-0-0">香气盎然</a>
								</div>
							</div>
						</div>
						<div class="insr1">
							<ul>
								<li class="insr1_1">
									<p><a href="https://search.yhd.com/c1381-0-0/mbname-b/a-s1-v0-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">护肤品</a></p>
									<p><a href="https://search.yhd.com/c1381-0-0/mbname-b/a-s1-v0-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">爆款直降</a></p>
									<div class="insr1_2">
										<a href="https://search.yhd.com/c1381-0-0/mbname-b/a-s1-v0-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">点击进入</a>
									</div>
									<img src="images/b66273f2c1102936.png" alt="" width="110px">
								</li>
								<li>
									<div class="insr1_3">
										<p><a href="https://item.yhd.com/615489.html">奥迪粉色唇蜜</a></p>
										<span>￥298</span>
										<img src="images/5ab47a8bNf82b4521.jpg" alt="" width="90px">
									</div>
									<div class="insr1_4">
										<p><a href="https://item.yhd.com/7576103.html">滋源 seeyoung</a></p>
										<span>￥99</span>
										<img src="images/5b505231N00186942.jpg" alt="" width="90px">
									</div>
								</li>
								<li>
									<div class="insr1_5">
										<p><a href="https://item.yhd.com/234431.html">范思哲香水</a></p>
										<span>￥299</span>
										<img src="images/5aab5ed4Nb72829cc.jpg" alt="" width="90px">
									</div>
									<div class="insr1_6">
										<p><a href="https://item.yhd.com/4999981.html">雅诗兰黛眼霜</a></p>
										<span>￥590</span>
										<img src="images/59ba1769N9c9b7660.jpg" alt="" width="90px">
									</div>
								</li>
								<li class="insr1_7">
									<p><a href="https://search.yhd.com/c0-0-1003616/">彩妆</a></p>
									<p><a href="https://search.yhd.com/c0-0-1003616/">爆款直降</a></p>
									<div class="insr1_8">
										<a href="https://search.yhd.com/c0-0-1003616/">点击进入</a>
									</div>
									<img src="images/fb05c40b3d286cac.png" alt="" width="110px">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 右边 -->
				<div class="insright">
					<img src="images/paihangbang.png" alt="" class="insr">
					<p class="insright_1">面膜热销排行榜</p>
					<p class="insright_2">爆款热卖 实时更新</p>
					<div class="insright_3">
						<ul>
							<li class="current4">
								<div class="insri_1">TOP1</div>
								<img src="images/3e74a63149f7c491.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_2">TOP2</div>
								<img src="images/face35fe57cfc669.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_3">TOP3</div>
								<img src="images/b5d5176a743e4297.jpg" alt="" width="60px">
							</li>
						</ul>
						<span class="insri_4">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy1"></use>
							</svg>
						</span>
						<span class="insri_5">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy"></use>
							</svg>
						</span>
					</div>
				</div>
				<div class="insrights"></div>
			</div>
			<!-- 详情4 -->
				<div class="intros5">
				<div class="insleft">
					<div class="insletop">
						<div class="bigs1">
							<h1><a href="https://search.yhd.com/c652-0-0">科技质感 &nbsp;</a></h1>
						</div>
						<div class="bigs2">
							<p><a href="https://search.yhd.com/c652-0-0">/ 营造美好生活</a></p>
						</div>
						
					</div>
					<div class="inslebottom">
						<div class="insl1">
							<img src="images/5bc0490cNe3f585e2.jpg" alt="" width="189px">
							<div class="insl1_1">
								<div class="insl1_2">
									<a href="https://search.yhd.com/c655-0-0">热销手机</a>
								</div>
								<div class="insl1_3">
									<a href="https://search.yhd.com/c671-0-0">轻薄电脑</a>
								</div>
								<div class="insl1_4">
									<a href="https://search.yhd.com/c752-0-0">厨房电器</a>
								</div>
								<div class="insl1_5">
									<a href="https://search.yhd.com/c738-0-0">生活电器</a>
								</div>
								<div class="insl1_6">
									<a href="https://search.yhd.com/c828-0-0">娱乐影音</a>
								</div>
								<div class="insl1_7">
									<a href="https://search.yhd.com/c716-0-0">办公设备</a>
								</div>
							</div>
						</div>
						<div class="insr1">
							<ul>
								<li class="insr1_1">
									<p><a href="https://search.yhd.com/c716-0-0">大牌让利</a></p>
									<p><a href="https://search.yhd.com/c716-0-0">爆款直降</a></p>
									<div class="insr1_2">
										<a href="https://search.yhd.com/c716-0-0">立即购买</a>
									</div>
									<img src="images/0e6edd08149b14ce.png" alt="" width="110px">
								</li>
								<li>
									<div class="insr1_3">
										<p><a href="https://item.yhd.com/7694047.html">荣耀全屏手机</a></p>
										<span>￥899</span>
										<img src="images/5b13cd6cN8e12d4aa.jpg" alt="" width="90px">
									</div>
									<div class="insr1_4">
										<p><a href="https://item.yhd.com/2142745.html">小米平衡车</a></p>
										<span>￥1999</span>
										<img src="images/593a1bdcN18cb007d.jpg" alt="" width="90px">
									</div>
								</li>
								<li>
									<div class="insr1_5">
										<p><a href="https://item.yhd.com/2379171.html">博朗剃须刀</a></p>
										<span>￥299</span>
										<img src="images/79f00deb5d824a9c.jpg" alt="" width="90px">
									</div>
									<div class="insr1_6">
										<p><a href="https://item.yhd.com/4691178.html">佳能单反套机</a></p>
										<span>￥4999</span>
										<img src="images/58d49036N367570f7.jpg" alt="" width="90px">
									</div>
								</li>
								<li class="insr1_7">
									<p><a href="https://search.yhd.com/c0-0-1004270/mbname-b/a-s1-v4-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">家电狂欢</a></p>
									<p><a href="https://search.yhd.com/c0-0-1004270/mbname-b/a-s1-v4-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">爆款直降</a></p>
									<div class="insr1_8">
										<a href="https://search.yhd.com/c0-0-1004270/mbname-b/a-s1-v4-p1-price-d0-f0b-m1-rt0-pid-mid0-color-size-k/">点击进入</a>
									</div>
									<img src="images/eea25436e35202d0.png" alt="" width="110px">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 右边 -->
				<div class="insright">
					<img src="images/paihangbang.png" alt="" class="insr">
					<p class="insright_1">手机通讯</p>
					<p class="insright_2">狂欢就要大视野</p>
					<div class="insright_3">
						<ul>
							<li class="current4">
								<div class="insri_1">TOP1</div>
								<img src="images/68836f52ffaaad96.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_2">TOP2</div>
								<img src="images/d5ba5da5b0b05fea.jpg" alt="" width="60px">
							</li>
							<li>
								<div class="insri_3">TOP3</div>
								<img src="images/7100f3733a1c1f00.jpg" alt="" width="60px">
							</li>
						</ul>
						<span class="insri_4">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy1"></use>
							</svg>
						</span>
						<span class="insri_5">
							<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-fangxiang1-copy-copy"></use>
							</svg>
						</span>
					</div>
				</div>
				<div class="insrights"></div>
			</div>
			<!--  -->
			<!-- 懂你想要 -->
			<div class="konws">
				<div class="knows4">
					<div class="knows1">KNOW YOU WANT</div>
					<div class="knows2">懂你想要</div>
					<div class="knows3">可能比你自己更懂你</div>
				</div>
				
			</div>
			<div class="wants">
				<ul>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=63266969536">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/66963e2030e4631e.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p>搞怪创意迷你小黄人不</p><p>锈钢保温杯学生喝水杯子便携防漏喝茶小水杯 笑哭表情200ml 迷你表情保温杯</p>
							</div>
							<span class="wbb">￥70.0</span>
							<div class="wbb2">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=53207898196">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/bca9a77d76d79fb3.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p>迷你强光手电筒 家用户</p><p>外小型LED远射手电筒 USB可直充电袖珍便携式应急COB照明灯 7100笔夹款带COB侧灯 可充电 可调焦</p>
							</div>
							<span class="wbb">￥28.0</span>
							<div class="wbb2 wbb2_3">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<span class="wbb1">满减</span>
						</div>
					</li>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=4559760">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/25d29e27060efc29.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p><span class="wb2">自营</span>
								德尔玛（Deerm</p><p>a）加湿器 5L大容量 触控感温 家用卧室  迷你香薰增湿 办公室空气加湿 DEM-F600（白）</p>
							</div>
							<span class="wbb">￥78.9</span>
							<div class="wbb2 wbb2_3">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<span class="wbb1">满折</span>
						</div>
					</li>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=63216591352">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/772308e5a18fe415.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p>葫芦摆件风水家居饰品</p><p>客厅酒柜办公室工艺品摆设乔迁开业礼品 小号百福临门葫芦(沙金)</p>
							</div>
							<span class="wbb">￥136.0</span>
							<div class="wbb2 wbb2_4">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=57567984719">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/f317d4cde9308996.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p>【京选好物】卧室吸顶</p><p>灯led 创意个性几何北欧温馨房间大气简约现代客厅灯具 暖光 白色款62CM 48W</p>
							</div>
							<span class="wbb">￥369.0</span>
							<div class="wbb2 wbb2_5">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<span class="wbb1">满折</span>
						</div>
					</li>
					<li>
						<div class="signs">
							<div class="signs3">
								<div class="signs1">
									<span>
										<svg class="icon" aria-hidden="true">
										  	<use xlink:href="#icon-dianzishangwu_ecommerce"></use>
										</svg>
									</span>
								</div>
								<div class="signs2">
									<a href="https://www.yhd.com/homepage/getPCSameGood.do?skuId=60650562362">找相似</a>
								</div>
							</div>
						</div>
						<div class="wantstop">
							<img src="images/3a455d3a9ad9d5b0.jpg" alt="" width="150px">
						</div>
						<div class="wantsbottom">
							<div class="wb1">
								<p>简约现代led吊灯 亚克</p><p>力环形温馨浪漫创意北欧餐厅客厅吊灯 无极调光带遥控 三层D64/43/25吊线1米</p>
							</div>
							<span class="wbb">￥609.0</span>
							<div class="wbb2 wbb2_5">
								<ul class="wbb2_l">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
								领劵
								<ul class="wbb2_r">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<span class="wbb1">满折</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 底部推荐 -->
		<footer>
			<div class="wrap">
				<div class="logo1">
				<ul>
					<li>
						<img src="images/CgQI0lWskgmADBnsAAAPZvcSh3E68900.jpg" alt="">
						<h1>正品保障</h1>
						<p>正品行货 放心选购</p>
					</li>
					<li>
						<img src="images/ChEbulWsk4iADa_aAAAM544hHN818600.jpg" alt="">
						<h1>满99包邮</h1>
						<p>满99元 免运费</p>	
					</li>
					<li>
						<img src="images/CgQIz1WslI-Adao3AAAN5b_ut2I80100.jpg" alt="">
						<h1>售后无忧</h1>
						<p>7天无理由退货</p>
					</li>
					<li>
						<img src="images/ChEi11WsyiyALBbiAAAN9lEEK5M33200.jpg" alt="">
						<h1>准时送达</h1>
						<p>收货时间由你决定</p>
					</li>
				</ul>	
				</div>
				<div class="mid1">
					<ul>
						<li>新手入门</li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=12">购物流程</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=17">会员制度</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=38">订单查询</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=10">服务协议及隐私说明</a></li>
						<li><a href="https://seo.yhd.com/sitelink/sitemap.html">网站地图</a></li>
					</ul>
					<ul>
						<li>支付方式</li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=25">货到付款</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=26">网上支付</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=28">礼品卡支付</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=29">其它支付</a></li>
					</ul>
					<ul>
						<li>配送服务</li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=21">配送进度查询</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=20">商品验货与签收</a></li>
					</ul>
					<ul>
						<li>相关规则</li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=206">平台规则</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=31">退换货政策</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=36">发票制度</a></li>
						<li><a href="https://cms.yhd.com/cms/view.do?topicId=43">帮助中心</a></li>
					</ul>
					<div class="mid1_1">
						<h1>APP更优惠</h1>
						<img src="images/qryhd.png" alt="">
					</div>
					<div class="mid1_2">
						<h1>加微信查订单</h1>
						<img src="images/5a2798bbN479da3df.jpg" alt="">
					</div>
					
				</div>
				<div class="mid2">
					<p class="mid2_1">
						<span>沪ICP备16050468号</span> | <a href="https://cms.yhd.com/cms/view.do?topicId=16">经营证照</a> | <a href="https://d9.yihaodianimg.com/N10/M05/00/A9/ChEi2lkQGRaAfaeeAAIhVwT2TYo18400.jpg">互联网药品信息服务资格证(沪)-经营性-2017-0006</a> | <span>违法和不良信息举报电话：0527-88100253</span> | <a href="https://d9.yihaodianimg.com/N11/M04/76/1C/ChEwoVnfFfeAfzKUAAg9urXNqaA12000.jpg">沪B2-20170039</a> | <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010502002939">沪公网安备 31010502002939号</a> | <a href="https://seo.yhd.com/sitelink/sitelink.html">友情链接</a> | <a href="https://cms.yhd.com/cms/view.do?topicId=105">出版物经营许可证</a> | <a href="https://img30.360buyimg.com/img/jfs/t1/6492/18/11106/1876411/5c239337Ef050b204/c78bc70077a34bf2.jpg">增值电信业务经营许可证</a>
					</p>
					<p>Copyright© 1号店网上超市 2007-2019，All Rights Reserved</p>
				</div>
				<div class="logo2">
					<span><img src="images/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt=""></span>
					<span><img src="images/f582260777c44b30.png" alt=""></span>
					<span><img src="images/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt=""></span>
					<span><img src="images/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt=""></span>
					<span><img src="images/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt=""></span>
					<span><img src="images/5a706bb1Ne3eec0dd.png" alt=""></span>
					<span><img src="images/7b46518a9d74a1d6.jpg" alt=""></span>
				</div>
			</div>
			
		</footer>

		<script>
		// 搜索框
			$('.search').mouseenter(function(event) {
				$('.search').css('border','1px solid red');
			});
		//搜索地址
			$('header .left1').click(function(event) {
				$(this).css('background','white');
				$('.locations').slideToggle();
				$('.locations_1').slideToggle();
			}); 
		// 滚动出现隐藏栏
			$(window).scroll(function(event) {
				if($(window).scrollTop()>=$('.ads').offset().top) {
					$('.conseal').show();
					$('.intros1_4').show();
				}else {
					$('.conseal').hide();
					$('.intros1_4').hide();
				}
				if($(window).scrollTop()>=$('.intros5 .insr1_7').offset().top) {
					$('.intros1_4_1').show();
				}else {
					$('.intros1_4_1').hide();
				}
				// if($(window).scrollTop()>=$('main ol li').offset().top) {
				// 	$('.intros1_4').show();
				// }else {
				// 	$('.intros1_4').hide();
				// }
			});
		// 轮播图
			var num = 0;
			var timer;
		// 定时器
			function goto(){
				timer=setInterval(function(){
					num++;
					if(num == 3) num = 0 ;
					$('main>ol li').eq(num).addClass('current').siblings().removeClass('current');
					$('main>ul').css('left',-1859*num+'px');
				},1200)
			}
		// 鼠标移入事件
			$('main').hover(function() {
				clearInterval(timer);
			}, function() {
				goto();
			});
		// 将点击与自动播放联系起来
			$('main>ol li').click(function(event) {
				num = $(this).index();
				$('main>ul').css('left',-1859*num+'px');
				$(this).css({'background':'#333333','color':'white'}).siblings().css({'background':'white','color':'#333333'});
				$(this).addClass('current').siblings().removeClass('current');
			});
		// 隐藏搜索栏
		$('.categories li').hover(function() {
			$(this).addClass('current2');
			$(this).children().addClass('current2');
		}, function() {
			$(this).removeClass('current2');
			$(this).children().removeClass('current2');
		});
		// 超级单品 浮动
		$('.intros1_1 li').hover(function() {
			// $('.intros1_1 ul').firstChild().css('transform','scale(1)');
			$(this).css('transform','scale(1.05)');
			$(this).css('boxShadow','0px 0px 2px 1px grey');

		}, function() {
			$(this).css('transform','scale(1)');
			$(this).css('boxShadow','');
		});
		// 详情2、3、4 图片移动
		$('.insr1_1 img').hover(function() {
			$(this).stop().animate({'right':1+'px'}, 500);
		}, function() {
			$(this).stop().animate({'right':8+'px'}, 500);
		});
		$('.insr1_3 img').hover(function() {
			$(this).stop().animate({'left':-1+'px'}, 4000);
		}, function() {
			$(this).stop().animate({'left':64+'px'}, 4000);
		});
		$('.insr1_4 img').hover(function() {
			$(this).stop().animate({'right':1+'px'}, 500);
		}, function() {
			$(this).stop().animate({'right':6+'px'}, 500);
		});
		$('.insr1_5 img').hover(function() {
			$(this).stop().animate({'left':-1+'px'}, 4000);
		}, function() {
			$(this).stop().animate({'left':64+'px'}, 4000);
		});
		$('.insr1_6 img').hover(function() {
			$(this).stop().animate({'right':1+'px'}, 500);
		}, function() {
			$(this).stop().animate({'right':6+'px'}, 500);
		});
		$('.insr1_7 img').hover(function() {
			$(this).stop().animate({'right':1+'px'}, 700);
		}, function() {
			$(this).stop().animate({'right':8+'px'}, 700);
		});

		// 显示推荐
		$('.wants li').hover(function() {
			$(this).css({'border':'1px solid red'}).siblings().css({'border':''});
		}, function() {
			$(this).css({'border':''}).siblings().css({'border':''});
		});

		// $('.wants li').hover(function(event) {
		// 	// $('.signs').slideDown().siblings().slideUp();
		// 	 $('.signs').slideDown().css({'background':'white','opacity':'0.5'});
		// }, function(event) {
		// 	$('.signs').slideUp();
		// });
		</script>
	</body>
</html>